<html>
<head>
  <title>index</title>
	<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
	<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
 	<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="extjs/ext-all.js"></script>
  <link rel="stylesheet" type="text/css" href="css/index.css"/>
  <link rel="stylesheet" type="text/css" title="blue"      href="extjs/resources/css/xtheme-blue.css" /> 
	<link rel="stylesheet" type="text/css" title="gray"      href="extjs/resources/css/xtheme-gray.css" />
	<link rel="stylesheet" type="text/css" title="access"    href="extjs/resources/css/xtheme-access.css" />
	<link rel="stylesheet" type="text/css" title="yourtheme" href="extjs/resources/css/yourtheme.css" />
	<script type="text/javascript" src="js/styleswitcher.js"></script>

<script language='Javascript'>
	
	Ext.QuickTips.init();

	Ext.onReady(function()
	{
		Ext.get('styleswitcher_select').on('change',function(e,select){
        var name = select[select.selectedIndex].value;
        setActiveStyleSheet(name);
        window.parent.setActiveStyleSheet(name);
    });

	}
);
</script>

  </head>
  
  <body>
    <div id="header">
        <form id="styleswitcher">
            <label for="styleswitcher_select">选择皮肤: </label>
            <select name="styleswitcher_select" id="styleswitcher_select">
                <option value="blue" selected="true">蓝色主题</option>
                <option value="gray">灰色主题</option>
                <option value="access">可访问性主题</option>
            </select>
        </form>
    </div>
   
  </body>
</html>
